<template>
	<view :class="vi_pageSize">
		<vi-notify :top="topfix" ref="vi_notify"></vi-notify>
		<module-loading ref="vi_loading" :loading="vi_loading" :loadingMask="vi_loadingMask"></module-loading>
		<vi-headbar goback>{{vi_pageTitle}}</vi-headbar>
		<view class="p-sm">
			<view class="py-sm">
				<vi-button plain @click="linkToKey('button')">按钮 button</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('circle')">圆环 circle</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('collapse')">折叠面板 collapse</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('popup')">弹窗 popup</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('drawer')">抽屉 drawer</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('dialog')">对话框 dialog</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('tree')">树 tree</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('calendar')">日历 calendar</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('year')">年 year</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('month')">月 month</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('clock')">时钟 clock</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('notify')">通知 notify</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('progress')">进度条 progress</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('grid')">宫格 grid</vi-button>
			</view>
			
			<view class="py-sm mt-e2">
				<vi-button plain @click="linkToKey('styleController')" width="60%">样式控制器 style-controller</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('transition')">过渡动画 transitioner</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain width="60%" @click="linkToKey('touchProcessor')">触摸事件处理器 touchProcessor</vi-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>

</style>
